
/* 通配样式 */
*{
	margin: 0;
	padding: 0;
}
body,html{
	height: 100%;
	/* font-size: 1px; */
	color: #303030;
	background: -moz-linear-gradient(top, #6160AE 0%, #479DBC 100%);
	background: -webkit-linear-gradient(top, #6160AE 0%,#479DBC 100%);
	background: -o-linear-gradient(top, #6160AE 0%,#479DBC 100%);
	background: -ms-linear-gradient(top, #6160AE 0%,#479DBC 100%);
	background: linear-gradient(to bottom, #6160AE 0%,#479DBC 100%);  
}
img{
	vertical-align:top;
	border:none
}
input{
	border: none;
	appearance:none;
	-moz-appearance:none;
	outline:none;
	-webkit-appearance: none;
	background-color:rgba(0,0,0,0);
	
}
/* 移动端 */
.box {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #303030;
}
.logo-img{
	width: 2.12rem;
	height: 0.54rem;
	margin-top: 1.50rem;
}
.text{
	margin-top: 0.20rem;
	color: #F6F6F6;
	font-size: 0.44rem;
	letter-spacing: 0.10rem;
	line-height: 0.56rem;
	font-weight: 200;
}
.container{
	margin-top: 0.4rem;
	box-sizing: border-box;
	padding: 0.58rem 0.30rem 0.72rem;
	background-color: #ffff;
	width: 6.86rem;
	border-radius: 0.16rem;
	font-size: 0.24rem;
}
.list{
	margin-top: 0.24rem;
	border-bottom: 0.02rem solid #DDE1E7;
}
.list-input{
	font-size: 0.32rem;
}
input::placeholder {
	color: #9B9B9B;
}
.icon-eyes{
	float: right;
	width: 0.32rem;
	height: 0.20rem;
	margin-right: 0.14rem;
	margin-top: 0.10rem;
}
.error-text{
	min-height: 0.26rem;
	font-size: 0.22rem;
	color: #FB5858;  
}
.forget-content{
	margin-top: 0.12rem;
	font-size: 0.24rem;
}
.rember-content{
	float: right;
	display: flex;
}
.choice-icon{
	width: 0.32rem;
	height: 0.32rem;
	margin-right: 0.10rem;
}
.blue-text{
	color: #7CB4EF;
	text-decoration: underline;
}
.btn{
	margin-top: 1.00rem;
	width: 100%;
	height: 0.84rem;
	background-image: url('btn.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	line-height: 0.88rem;
	color: #7CB4EF;;
	font-size: 0.36rem;
	text-align: center;
}
.btn-gray{
	background-image: url('btn_gray.png');
	color: #DFDFDF;
}
.code-img{
	margin-top: 0.60rem;
	width: 1.64rem;
	height: 1.92rem;
}
.code-space{
	margin-right: 0.74rem;
}
/* pc端 */
@media screen and (min-device-width: 970px) {
	body,html{
		height: 100%;
		font-size: 1px;
		color: #303030;
		background: -moz-linear-gradient(left, #6160AE 0%, #479DBC 100%);
		background: -webkit-linear-gradient(left, #6160AE 0%,#479DBC 100%);
		background: -o-linear-gradient(left, #6160AE 0%,#479DBC 100%);
		background: -ms-linear-gradient(left, #6160AE 0%,#479DBC 100%);
		background: linear-gradient(to right, #6160AE 0%,#479DBC 100%);  
	}
	
	.box {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #303030;
	}
	.logo-img{
		width: 134rem;
		height: 34rem;
		margin-top: 98rem;
	}
	.text{
		margin-top: 40rem;
		color: #F6F6F6;
		font-size: 23rem;
		letter-spacing: 10rem;
		font-weight: 200;
	}
	.container{
		margin-top: 96rem;
		box-sizing: border-box;
		padding: 30rem 35rem 32rem;
		background-color: #ffff;
		width: 586rem;
		border-radius: 6rem;
		font-size: 12rem;
	}
	.list{
		margin-top: 16rem;
		border-bottom: 2rem solid #DDE1E7;
	}
	.list-input{
		font-size: 16rem;
	}
	input::placeholder {
		color: #9B9B9B;
	}
	.icon-eyes{
		float: right;
		width: 18rem;
		height: 10rem;
		margin-right: 6rem;
		margin-top: 6rem;
	}
	.error-text{
		min-height: 17rem;
		font-size: 12rem;
		color: #FB5858;  
	}
	.forget-content{
		margin-top: 8rem;
		font-size: 12rem;
	}
	.rember-content{
		float: right;
		display: flex;
		align-items: center;
	}
	.choice-icon{
		width: 12rem;
		height: 12rem;
		margin-right: 4rem;
	}
	.blue-text{
		color: #7CB4EF;
		text-decoration: underline;
	}
	.btn{
		margin-top: 45rem;
		width: 100%;
		height: 45rem;
		background-image: url('btn_pc.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		line-height: 45rem;
		color: #7CB4EF;
		font-size: 15rem;
		text-align: center;
	}
	.btn-gray{
		background-image: url('btn_gray_pc.png');
		color: #DFDFDF;
	}
	.code-img{
		margin-top: 30rem;
		width: 120rem;
		height: 125rem;
	}
	.code-space{
		margin-right: 83rem;
	}
}


